
<%@page import="java.util.List"%>
<%@ include file="/common/taglibs.jsp"%>
<script>
$('.dl').click(function() {
	loadDiv('content', $(this).attr('url'));
});
</script>

<div id="content">
<font id="mark"></font>
<!--<form:form name="editCipeprojectForm" id="editCipeprojectForm" action="findResultCipeproject.do" method="post" modelAttribute="actionableAlert">
<table>
<tr><td>
	<form:select path=""  cssClass="text_white">
		<form:option value="1" label="All" />
		<form:option value="2" label="Today" />
		<form:option value="3" label="Last 7days" />
		<form:option value="4" label="Last Month" />
	</form:select>
	</td>
			<td><form:select path="id"  cssClass="text_white">
						<form:option value="" label="All" />
					<form:options items="${ActionableAlertList}" itemValue="id"
						itemLabel="type" />
				</form:select></td>
		</tr>
		
</table>
</form:form>-->
	<div class="main_form">
		<div class="form_head">
			<h4>Actionable Alerts</h4>
			<br class="clear">
		</div>
		<div class="form_cont">
			<table class="tablesorter" border="0" cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td class="grid-header" style="">Module</td>
						<td class="grid-header">Type</td>
						<td class="grid-header">Date</td>
						<td class="grid-header">Message</td>
					</tr>
				</tbody>
			</table>
			<div
				style="overflow: auto; height: 100px; border-left: 1px gray solid; border-bottom: 1px gray solid; padding: 0px; margin: 0px">
				<table class="tablesorter" border="0" cellpadding="0"
					cellspacing="0">
					<tbody>
					<c:set var="counter" scope="page" value="${0}"></c:set>
						<c:forEach items="${ActionableAlertList}" var="actionAlert" >
						<c:forEach items="${actionAlert.actionableAlertMessages}" var="alertMessage" varStatus="s1" >
								<c:choose>
									<c:when test="${s1.index%2==0}">
										<tr class="alernate-row">
									</c:when>
									<c:otherwise>
										<tr>
									</c:otherwise>
								</c:choose>
						<td>${actionAlert.module}</td>
						<td>${actionAlert.type}</td>
						<td><fmt:formatDate pattern="MM-dd-yyyy" value="${alertMessage.date}" /></td>
						<td><a href="javascript://" url="${alertMessage.url}" class="dl">${alertMessage.message}</a></td>
						<c:set var="counter" scope="page" value="${counter+1}"></c:set>
						</tr>
						</c:forEach>
						</c:forEach>
					</tbody>
				</table>
			</div>
			<div class="cipe-pagination-links">
				<a align="right"><font size="1" color="red">Total number
						of Actionable Alerts=<c:out value="${counter}" ></c:out></font>
				</a>
			</div>
		</div>
		<!-- closed scroll div -->
	</div>
	<div class="main_form">
		<div class="form_head">
			<h4>Dashboard</h4>
			<br class="clear">
		</div>
		<div class="form_cont">
			<table class="narrow-tables" border="0" cellpadding="0"
				cellspacing="0">

				<tbody>
					<tr>
						<td class="grid-header">Projects and grants</td>
						<td class="grid-header">&nbsp;</td>
					</tr>
					<c:forEach items="${dashBoardCountList}" var="dashBoardLink"
						varStatus="status">
						<c:if test="${status.index lt 14}">
						<tr>
							<td><a href="javascript://" url="${dashBoardLink.url}"
								class="dl">${dashBoardLink.linkName}</a></td>
							<td>${dashBoardLink.count}</td>
						</tr>
						<c:if test="${status.index eq 9}">
							<tr>
								<td class="grid-header">Payment processing</td>
								<td class="grid-header">&nbsp;</td>
							</tr>
						</c:if>
					</c:if>
					</c:forEach>
				</tbody>
			</table>


			<table class="narrow-tables" border="0" cellpadding="0"
				cellspacing="0">
				<tbody>
					<tr>
						<td class="grid-header">
							<!--<p>&nbsp;</p>--> Partner monitoring <!--<p></p>--></td>
						<td class="grid-header">&nbsp;</td>
					</tr>
					<c:forEach items="${dashBoardCountList}" var="dashBoardLink"
						varStatus="status">
						<c:if test="${status.index >13 && status.index < 26 }">
						<tr>
							<td><a href="javascript://" url="${dashBoardLink.url}"
								class="dl">${dashBoardLink.linkName}</a></td>
							<td>${dashBoardLink.count}</td>
						</tr>
						</c:if>
					</c:forEach>
				</tbody>
			</table>
			<table class="narrow-tables" border="0" cellpadding="0"
				cellspacing="0">
				<tbody>
					<tr>
						<td class="grid-header">
							<!--<p>&nbsp;</p>--> Donor and donor awards <!--<p></p>--></td>
						<td class="grid-header">&nbsp;</td>
					</tr>
					<c:forEach items="${dashBoardCountList}" var="dashBoardLink"
						varStatus="status">
						<c:if test="${status.index >25}">
						<tr>
							<td><a href="javascript://" url="${dashBoardLink.url}"
								class="dl">${dashBoardLink.linkName}</a></td>
							<td>${dashBoardLink.count}</td>
						</tr>
						</c:if>
					</c:forEach>
				</tbody>
			</table>
			<br class="clear" />
		</div>
	</div>
	<div class="main_form">
		<div class="form_head">
			<h4>Change Notifications (Past 30 Days)</h4>
			<br class="clear">
		</div>
		<div class="form_cont">
			<table cellspacing="0" cellpadding="0" border="0" class="tablesorter">
				<tbody>
					<tr>
						<td align="left" class="grid-header">Module</td>
						<td align="left" class="grid-header">Type</td>
						<td align="left" class="grid-header">Date</td>
						<td align="left" class="grid-header">Message</td>
						<td align="left" class="grid-header">Mark as read?</td>
					</tr>
				</tbody>
			</table>

			<div class="hastable" id="cnContent">
			<jsp:include page="dashboardCN.jsp" />
			</div>
		</div>
	</div>
</div>
</div>